<template>
    <div class="index">
        <Left :getShowDetail="(rigth?.getShowDetail as Function)"></Left>
        <Right ref="rigth"></Right>
    </div>
</template>

<script lang="ts" setup>
import { ref } from "vue" 
import Left from "./left.vue";
import Right from "./right.vue";
interface Right{
    getShowDetail:Function
}

let rigth=ref<Right>({
    getShowDetail(){}
})
</script>

<style lang=less  scoped>
.index{
    display: flex;

}
</style>